<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/com.css">
    <title></title>
</head>
<body style="background-color: #8cd2a5">
<div class="my-head">
    <div class="container">
        <div class="col-sm-4">
            <img  class="index-log" src="../../images/index-logo.png">
        </div>
        <div class="col-sm-4 col-sm-push-4 index-hr">
            <div class="col-xs-6 col-xs-pull-1" >
                <form class="form-horizontal">
                    <div class="form-group index-hr-pd">
                        <div class="input-group ver-cen-pad" id="head-input-box">
                            <label for="index-search"class="sr-only">Search</label>
                            <input id="index-search" class="form-control" type="text">
                            <div class="input-group-btn index-search-icon"><button type="submit" class="btn" ><img class="search-btn" src="../../images/search-icon.png"></button></a></div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-xs-6 index-hr-pd ab-l">
                <div class="ver-cen-pad">
                    <button class="btn btn-default login-btn">登录</button>
                    <button class="btn btn-default register-btn">注册</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="login-main">
    <div id="thr-login">
        <form role="form" class="form-horizontal p-r" id="thr-login-form">
            <h4>中国青少年科技辅导员协会登录</h4>
            <div class="form-group p-r">
                <label for="third-user-name" class="col-xs-2 control-label user-name-lb"></label>
                <div class="col-xs-10">
                    <input class="user-name-in" id="third-user-name" placeholder="请输入会员编码">
                </div>
            </div>
            <div class="form-group p-r">
                <label for="third-user-psd" class="col-sm-2 control-label login-lb" ></label>
                <div class="col-sm-10">
                    <input class="psd-in" id="third-user-psd" placeholder="请输入登录密码">
                </div>
            </div>
            <button class="btn btn-block login-btn" type="submit">登录</button>
            <div class="col-sm-6">
                <button class="btn btn-sm btn-back">返回</button>
            </div>
            <div class="col-sm-6">
                <a href="#" class="text-right btn-f-psd">忘记密码?</a>
            </div>

        </form>

    </div>
</div>

<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <h4 class="foot-title">联系方式</h4>
                <ul class="my-list foot-list">
                    <li>010-5653 8600</li>
                    <li>北京市朝阳区大屯东路名人公寓</li>
                    <li>media@zhigan-mail.com</li>
                </ul>
                <h5 class="foot-title-se">中国青少年科技辅导员协会 合作网站</h5>
                <p class="foot-clr">Copyright 2015 备案号 京备2016123445678899</p>
            </div>
            <div class="col-md-3">
                <div class="col-xs-10">
                    <img src="../../images/index-wc-icon.png">
                </div>
            </div>
        </div>
    </div>

</div>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script>
    setTimeout((function () {
        var sHeight = $(document).height();
        if($(window).height() > document.body.clientHeight) {
            var nHeight = $(window).height() - document.body.clientHeight;
            console.log(nHeight);
            var oHeight = $("body > div:eq(1)").outerHeight();
            $("body > div:eq(1)").outerHeight(oHeight + nHeight);
            console.log($("body > div:eq(1)").outerHeight());
        }
    }),1);



</script>
</body>
</html>